
const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

/* 
    
*/

module.exports = {
    entry: './src/js/index.js',
    output: {
        // 文件名称（指定名称+目录）
        filename: 'js/[name].js',
        // 输出文件目录（将来所有资源输出的公共目录）
        path: resolve(__dirname, 'build'),
        // 所有资源引入的公共路径前缀 
        //   --> 'imgs/a.png' -> '/imgs/a.png'
        publicPath: '/',
        // 非入口chunk的名称
        chunkFilename: 'js/[name]_chunk.js',
        // 整个库可以暴露出去使用的变量名
        library: '[name]',
        // 整个库的变量名绑定在window下
        // libraryTarget: 'window', // 变量名添加到哪个上 browser
        // libraryTarget: 'global', // 变量名添加到哪个上 node
    },
    module: {
        rules: []
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html'
        })
    ],
    mode: 'development',
}